<%@page language="java" pageEncoding="UTF-8"%>
<%@include file="/views/common/include/taglib.jsp"%>
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/sectionparent.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx }/css/dlifestyle/admin.css" />
<link type="text/css" rel="stylesheet"
	href="${ctx}/css/dlifestyle/table.css" />
<script type="text/javascript">
	//返回上一页
	function cancel() {
		loadContent("/noticeInfo/noticeInfoList");
	}
	var ctx = '${ctx}';
	setCtx(ctx);
	//鼠标滑入一行改变背景颜色
	function mouseoverOne(target) {
		$(target).children().each(function() {
			$(this).css("background", "#D3F0F1");
		});
	}

	//鼠标滑出一行恢复原来的背景颜色
	function mouseoutOne(target) {
		$(target).children().each(function() {
			$(this).css("background", "");
		});
	}
</script>
<section>
	<div style="height: 40px; line-height: 40px;">
		<div class="forword_area"></div>
		<div class="location">当前位置：${sessionScope.currcent_position}</div>
	</div>
	<hr>
	<div class="panel panel-default" style="height: auto; overflow: hidden">
		<div class="editTitle">
			<div style="height: 41px; width: 190px; float: left;">
				<img style="float: left; margin-left: 37px; margin-top: 9.5px;"
					src="/manage/images/new_edit.png">
				<h4 style="letter-spacing: 0">小区通知信息详情</h4>
			</div>
			<div>
				<a style="float: right; margin-right: 20px; margin-top: -2px;"
					title="关闭" onclick="cancel();"><img
					src="${ctx}/images/new_close.png" /></a>
			</div>
		</div>
		<div id="replyList" class="right" style="margin-top: -10px;">
			<div class="modal-header">
				<div id="form" class="form"
					style="min-height: 50px; margin-top: 10px; border-top: 1px solid #edeef3; font-size: 14px;">
					<div class="itemEdit"
						style="border-bottom: 1px solid #CBD5DD; height: 150px;">
						<span class="col-sm-1 editlableDetail"
							style="height: 150px; font-size: 14px;">图片：</span>
						<div class="fldetail-4r">
							<c:if test="${noticeInfo.logo == null || noticeInfo.logo == ''}">
								<img id="preview3"
									style="width: 100px; height: 100px; float: left;"
									title="快上传图像吧" src="${ctx}/images/notice-default.png" />
							</c:if>
							<c:if test="${noticeInfo.logo != null && noticeInfo.logo != ''}">
								<img id="preview3"
									style="width: 100px; height: 100px; float: left;"
									src="${sessionScope.image_logo}${noticeInfo.logo}" />
							</c:if>
						</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">小区名称：</span>
						<div class="fldetail-4r">
							<c:if test="${noticeInfo.cellName == null}">
								<td>全部小区</td>
							</c:if>
							<c:if test="${noticeInfo.cellName != null}">
								<td>${noticeInfo.cellName}</td>
							</c:if>
						</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">发布时间：</span>
						<div class="fldetail-4r">
							<fmt:formatDate value="${noticeInfo.sendTime}"
								pattern="yyyy-MM-dd HH:mm" />
						</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">类型：</span>
						<div class="fldetail-4r">${noticeInfo.type }</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">发布人账号：</span>
						<div class="fldetail-4r">${noticeInfo.userAccount }</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">阅读次数：</span>
						<div class="fldetail-4r">${noticeInfo.readAccount }</div>
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">更新时间：</span>
						<div class="fldetail-4r">
							<fmt:formatDate value="${noticeInfo.updateTime}"
								pattern="yyyy-MM-dd HH:mm" />
						</div>
					</div>
					<div class="itemEdit" style="border-bottom: 1px solid #CBD5DD;">
						<span class="col-sm-1 editlableDetail" style="font-size: 14px;">标题：</span>
						<div class="fldetail-4r" style="width: 78%;">${noticeInfo.title }</div>
						<%-- <span class="col-sm-1 editlableDetail" style="font-size:14px;">排序：</span>
							<div class="fldetail-4r">${noticeInfo.sort }</div> --%>
					</div>
					<%-- <div id="contentDiv" style="border:1px solid #CBD5DD;border-top:none;overflow: hidden;">
							<span id="contentSpan" class="col-sm-1 editlableDetail" style="font-size:14px;">内容：</span>
							<div class="fldetail-4t" style="float: left;width: 78%; min-height:200px;padding-top:8px;margin-left: 20px;">${noticeInfo.content }</div>
						</div> --%>
					<table id="contentDiv"
						style="border: 1px solid #CBD5DD; border-top: none; width: 100%;height:200px;"
						cellspacing="0" cellpadding="0">
						<tr>
							<td id="contentSpan"
								style="color: #504949; font-size: 14px; width: 13.9%; border-right: 1px solid #edeef3; background-color: #EAFBFC; text-align: right; height: 37px; line-height: 37px; vertical-align: text-top;">内容：</td>
							<td
								style="width: 78%; min-height: 200px; padding: 8px 20px; vertical-align: text-top;">${noticeInfo.content }</td>
						</tr>
					</table>
				</div>
				<div style="text-align: center;">
					<button style="margin-top: 20px;" class="buttonCancle"
						onclick="cancel();">返&nbsp;&nbsp;回</button>
				</div>
			</div>
		</div>
	</div>
</section>
<%@include file="/views/common/footer.jsp"%>
